<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
      body{
          padding-top: 1.5rem;
      }
      .header{
            width: 93%;
            height: 2.5rem;
            line-height: 2.5rem;
            padding: 0.5rem 0.8rem;

            border-bottom: 1px solid rgb(243,243,243,0.5);
            background-color: #fff;
            position: fixed;
            top:1.5rem;
        }
      .header_img{
        width: 10%;
        height: 58%;
        float: left;
        margin-top: 0.5rem;
      }
      .header_img img{
        width: 100%;
        height: 100%;
      }
      .header h3{
        line-height: 3rem;
        width: 90%;
        text-align: center;
      }
      .nav{
        width: 90%;
        padding: 0.2rem 1rem;
        margin-top: 4rem;
      }
      .math_one{
        width: 100%;
        height:7rem;
        background-color: #fff;
        margin-top: 0.8rem;
        border-radius: 0.5rem;
        border-bottom: 1px solid rgb(243,243,243,0.5);
      }
      .one_img{
        width: 45%;
        height: 6rem;
        float: left;
        margin: auto 0.5rem;
      }
      .one_img img{
        width: 100%;
        height: 100%;
      }
      .tp{
        color: #ccc;
        font-size: 0.9rem;
      }
      </style>
  </head>
  <body>
    <div class="header">
      <div class="header_img">
        <img src="../image/u18.png" alt="">
      </div>
      <h3>我的收藏</h3>
    </div>
    <div class="nav">
      <div class="math_one">
        <div class="one_img">
          <img src="../image/u11.jpg" alt="">
        </div>
        <div class="one_text">
          <h4>各种各样的英语课程</h4>
          <p class="tp">10-01 14：00</p>
        </div>
      </div>
      <div class="math_one">
        <div class="one_img">
          <img src="../image/u11.jpg" alt="">
        </div>
        <div class="one_text">
          <h4>各种各样的英语课程</h4>
          <p class="tp">10-01 14：00</p>
        </div>
      </div>
      <div class="math_one">
        <div class="one_img">
          <img src="../image/u11.jpg" alt="">
        </div>
        <div class="one_text">
          <h4>各种各样的英语课程</h4>
          <p class="tp">10-01 14：00</p>
        </div>
      </div>
      <div class="math_one">
        <div class="one_img">
          <img src="../image/u11.jpg" alt="">
        </div>
        <div class="one_text">
          <h4>各种各样的英语课程</h4>
          <p class="tp">10-01 14：00</p>
        </div>
      </div>
      <div class="math_one">
        <div class="one_img">
          <img src="../image/u11.jpg" alt="">
        </div>
        <div class="one_text">
          <h4>各种各样的英语课程</h4>
          <p class="tp">10-01 14：00</p>
        </div>
      </div>
      <div class="math_one">
        <div class="one_img">
          <img src="../image/u11.jpg" alt="">
        </div>
        <div class="one_text">
          <h4>各种各样的英语课程</h4>
          <p class="tp">10-01 14：00</p>
        </div>
      </div>
      <div class="math_one">
        <div class="one_img">
          <img src="../image/u11.jpg" alt="">
        </div>
        <div class="one_text">
          <h4>各种各样的英语课程</h4>
          <p class="tp">10-01 14：00</p>
        </div>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script type="text/javascript" src="../script/common.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };
  </script>
  </html>
